import React from 'react';
import { AppState } from '../types';

type LayoutProps = {
  children?: React.ReactNode;
  state: AppState;
  dispatch: React.Dispatch<any>;
};

export const Layout: React.FC<LayoutProps> = ({ children, state, dispatch }) => {
  return (
    <div className="app-layout">
      {/* TopNavigation */}
      {/* Sidebar */}
      <main className="main-content">
        {children}
      </main>
      {/* BottomControlBar */}
    </div>
  );
};